<!DOCTYPE html>
<html>
<head>
    <title>论坛详情</title>
    <link href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../layui/css/layui.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <meta charset="utf-8">
</head>
<body class="page-index">
<div class="container">
    <div class="topbar"></div>
    <div class="banner"></div>
    <div class="navbar">
        <ul>
            <li><a href="../index.html">首页</a></li>
            <li><a href="activity.html">活动中心</a></li>
            <li><a href="new.html">新闻中心</a></li>
            <li><a href="voluntTrain.html">志愿者培训</a></li>
            <li><a href="controll.html">交管员社区</a></li>
            <li class="active"><a href="forum.html">论坛</a></li>
            <li><a href="personal.html">个人中心</a></li>
        </ul>
    </div>
    <div class="contents">
        <!--活动通知/公告-->
        <div class="activity forumDetail">
            <div class="activityDetail newDetail">
                <div class="title">
                    <div class="newDetailTitle">
                        <div class="title-item">[公告]日照市牵手志愿者协会日照市建市30周年“我文明 我服务”志愿服务</div>
                        <div class="timeDw">
                            <text class="zd">热帖&nbsp;</text>
                            <text>发表在&nbsp;牵手志愿者活动公告</text>
                            <text class="fgx">|</text>
                            <text><i class="layui-icon layui-icon-log"></i>2019/10/16 12:00:00</text>
                            <div class="rightLz">
                                <text class="lz">楼主</text>
                                <text>浏览：603</text>
                                <text>回复：63</text>
                            </div>
                            <div style="clear: both;"></div>
                        </div>
                    </div>
                </div>
                <div class="box-cont">
                    <div class="newContent">
                        <p class="volDlSty">第一条　为了维护道路交通秩序，预防和减少交通事故，保护人身安全，保护公民、法人和
                            其他组织的财产安全及其他合法权益，提高通行效率，制定本法。<br>
                            第二条　中华人民共和国境内的车辆驾驶人、行人、乘车人以及与道路交通活动有关的单位
                            和个人，都应当遵守本法。<br>
                            第三条　道路交通安全工作，应当遵循依法管理、方便群众的原则，保障道路交通有序、安
                            全、畅通。<br>
                            第四条　各级人民政府应当保障道路交通安全管理工作与经济建设和社会发展相适应。县级
                            以上地方各级人民政府应当适应道路交通发展的需要，依据道路交通安全法律、法规和国家
                            有关政策，制定道路交通安全管理规划，并组织实施。<br>
                            第五条　国务院公安部门负责全国道路交通安全管理工作。县级以上地方各级人民政府公安
                            机关交通管理部门负责本行政区域内的道路交通安全管理工作。县级以上各级人民政府交通、
                            建设管理部门依据各自职责，负责有关的道路交通工作。<br>
                            第六条　各级人民政府应当经常进行道路交通安全教育，提高公民的道路交通安全意识。
                            公安机关交通管理部门及其交通警察执行职务时，应当加强道路交通安全法律、法规的宣传，
                            并模范遵守道路交通安全法律、法规。机关、部队、企业事业单位、社会团体以及其他组织，
                            应当对本单位的人员进行道路交通安全教育。教育行政部门、学校应当将道路交通安全教育
                            纳入法制教育的内容。新闻、出版、广播、电视等有关单位，有进行道路交通安全教育的义
                            务。<br>
                            第七条　对道路交通安全管理工作，应当加强科学研究，推广、使用先进的管理方法、技术、
                            设备。
                        </p>
                    </div>
                    <div class="hfDz">
                        <button type="button" class="layui-btn"><i class="layui-icon layui-icon-dialogue"></i>回复</button>
                        <button type="button" class="layui-btn"><i class="layui-icon layui-icon-praise"></i>点赞</button>
                    </div>
                </div>
                <div class="huifu">
                    <div class="huifuBlock">
                        <div class="huifuTx">
                            <img src="../img/logoTx.png" class="ltLogoTx">
                        </div>
                        <div class="huifuTitle">
                            <div class="zyzName">牵手志愿者</div>
                            <div class="fbTime">发表于：2019/10/16 12:00</div>
                        </div>
                        <div style="clear: both;"></div>
                        <div class="ltContent">
                            这篇文章好这个好这个好开卷考试就开始你的打开方式交电费克鲁赛德荆防颗粒时代峻峰乐山大佛技术的开发建设的考虑房价来看是打可口可乐递四方速递立方米街坊邻居十分了解对方了解多少路附近
                        </div>
                    </div>
                    <div class="huifuBlock">
                        <div class="huifuTx">
                            <img src="../img/logoTx.png" class="ltLogoTx">
                        </div>
                        <div class="huifuTitle">
                            <div class="zyzName">牵手志愿者</div>
                            <div class="fbTime">发表于：2019/10/16 12:00</div>
                        </div>
                        <div style="clear: both;"></div>
                        <div class="ltContent">
                            这篇文章好这个好这个好开卷考试就开始你的打开方式交电费克鲁赛德荆防颗粒时代峻峰乐山大佛技术的开发建设的考虑房价来看是打可口可乐递四方速递立方米街坊邻居十分了解对方了解多少路附近
                        </div>
                    </div>
                    <div class="huifuBlock">
                        <div class="huifuTx">
                            <img src="../img/logoTx.png" class="ltLogoTx">
                        </div>
                        <div class="huifuTitle">
                            <div class="zyzName">牵手志愿者</div>
                            <div class="fbTime">发表于：2019/10/16 12:00</div>
                        </div>
                        <div style="clear: both;"></div>
                        <div class="ltContent">
                            这篇文章好这个好这个好开卷考试就开始你的打开方式交电费克鲁赛德荆防颗粒时代峻峰乐山大佛技术的开发建设的考虑房价来看是打可口可乐递四方速递立方米街坊邻居十分了解对方了解多少路附近
                        </div>
                    </div>
                    <div class="huifuBlock">
                        <div class="huifuTx">
                            <img src="../img/logoTx.png" class="ltLogoTx">
                        </div>
                        <div class="huifuTitle">
                            <div class="zyzName">牵手志愿者</div>
                            <div class="fbTime">发表于：2019/10/16 12:00</div>
                        </div>
                        <div style="clear: both;"></div>
                        <div class="ltContent">
                            这篇文章好这个好这个好开卷考试就开始你的打开方式交电费克鲁赛德荆防颗粒时代峻峰乐山大佛技术的开发建设的考虑房价来看是打可口可乐递四方速递立方米街坊邻居十分了解对方了解多少路附近
                        </div>
                    </div>
                    <div class="huifuBlock">
                        <div class="huifuTx">
                            <img src="../img/logoTx.png" class="ltLogoTx">
                        </div>
                        <div class="huifuTitle">
                            <div class="zyzName">牵手志愿者</div>
                            <div class="fbTime">发表于：2019/10/16 12:00</div>
                        </div>
                        <div style="clear: both;"></div>
                        <div class="ltContent">
                            这篇文章好这个好这个好开卷考试就开始你的打开方式交电费克鲁赛德荆防颗粒时代峻峰乐山大佛技术的开发建设的考虑房价来看是打可口可乐递四方速递立方米街坊邻居十分了解对方了解多少路附近
                        </div>
                    </div>
                    <div class="huifuBlock">
                        <div class="huifuTx">
                            <img src="../img/logoTx.png" class="ltLogoTx">
                        </div>
                        <div class="huifuTitle">
                            <div class="zyzName">牵手志愿者</div>
                            <div class="fbTime">发表于：2019/10/16 12:00</div>
                        </div>
                        <div style="clear: both;"></div>
                        <div class="ltContent">
                            这篇文章好这个好这个好开卷考试就开始你的打开方式交电费克鲁赛德荆防颗粒时代峻峰乐山大佛技术的开发建设的考虑房价来看是打可口可乐递四方速递立方米街坊邻居十分了解对方了解多少路附近
                        </div>
                    </div>
                    <div id="listTwo"></div>
                </div>
            </div>
        </div>
        <div class="statistical forumDetailS">
            <div class="login box">
                <div class="title"><h2>个人信息</h2></div>
                <div class="box-cont">
                    <div class="txImg">
                        <img src="../img/logoTx.png" class="txSty">
                    </div>
                    <div class="grxxCon">
                        <div>
                            <text class="indexNameSty">张珊珊</text>
                            <text class="hxSty">|</text>
                            <text class="zyzlx">一般志愿者</text>
                        </div>
                        <div style="margin-top: 20px;">
                            <i class="layui-icon layui-icon-component"></i>
                            牵手志愿者服务
                        </div>
                        <div style="margin-top: 10px;">
                            <i class="layui-icon layui-icon-user"></i>
                            10023211
                        </div>
                        <div style="margin-top: 10px;">
                            加入时间：2019年9月12日
                        </div>
                        <div style="margin-top: 10px;">
                            评定星级：
                            <i class="layui-icon layui-icon-star-fill"></i>
                            <i class="layui-icon layui-icon-star-fill"></i>
                            <i class="layui-icon layui-icon-star-fill"></i>
                            <i class="layui-icon layui-icon-star"></i>
                            <i class="layui-icon layui-icon-star"></i>
                        </div>
                        <div style="margin-top: 10px;">
                            活动时长：36小时
                        </div>
                        <div style="margin-top: 15px;">
                            <a href="voluntManageDetail.html">
                                <button type="button" class="layui-btn">Ta的主页</button>
                            </a>
                        </div>
                    </div>
                    <div style="clear: both;"></div>

                </div>
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
    <div class="footer">
        <div class="links">
            <ul>
                <li><a href="/">中国组织网</a></li>
                <li><a href="/">中国共青团网</a></li>
                <li><a href="/">中国文明网</a></li>
                <li><a href="/">中国青年志愿者网</a></li>
                <li><a href="/">山东省共青团</a></li>
                <li><a href="/">齐鲁网</a></li>
                <li><a href="/">日照文明网</a></li>
                <li><a href="/">日照共青团</a></li>
                <li><a href="/">日照政务网</a></li>
                <li><a href="/">日照警务网</a></li>
            </ul>
        </div>
        <p class="company">主办：日照市交通局 | 协办：日照市志愿者协会</p>
        <p class="copyright">版权所有：日照市交通志愿者协会 技术支持：山东书壳儿网络科技有限公司</p>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.min.js"></script>
<script type="text/javascript" src="../js/TweenMax.min.js"></script>
<script type="text/javascript" src="../layui/layui.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
    (function($){
        "use strict";
        function bind_events(){
            $('.title .title-item').off("click").on("click",function(e){
                e.preventDefault();
                var _index = $(this).index();
                $(this).addClass('active').siblings().removeClass('active');
                $('.activity .box-cont .act-forenotice').eq(_index).removeClass("hidden").siblings().addClass("hidden");
            });
            $('.tab-ctrl-item').off("click").on("click",function(e){
                e.preventDefault();
                var _index = $(this).index();
                $(this).addClass('active').siblings().removeClass('active');
                $('.rank .tab-pannel div').eq(_index).removeClass("hidden").siblings().addClass("hidden");
            });
        }
        $(function(){
            bind_events();
            $('.hdtj ul li:last').css("border","none");
            $('.zxgg ul li:last').css("border","none");
        })
    })(jQuery);

    //    layui
    layui.use(['laypage', 'layer'], function() {
        var laypage = layui.laypage
            , layer = layui.layer;
//        分页
        laypage.render({
            elem: 'listOne'
            ,count: 100
            ,layout: ['prev', 'page', 'next', 'skip' ,'count']
            ,prev: '<em>←</em>'
            ,next: '<em>→</em>'
            ,jump: function(obj){
                console.log(obj)
            }
        });
        laypage.render({
            elem: 'listTwo'
            ,count: 100
            ,layout: ['prev', 'page', 'next', 'skip' ,'count']
            ,prev: '<em>←</em>'
            ,next: '<em>→</em>'
            ,jump: function(obj){
                console.log(obj)
            }
        });
    });
</script>
</body>
</html>